<!-- 模板标签,设置内容 -->
<template>
	<div class="app">
		<!-- 路由渲染器,加载其它组件内容-->
		<router-view />
	</div>
</template>

<script setup>
	import {
		provide
	} from "vue";
	//导入vue的ajax对象,实现异步请求功能
	import axios from 'axios';
	//全局设置axios的基础url部分,如果部署到centos这里localhost要修改为ip地址
	axios.defaults.baseURL = 'http://localhost:5081/';
	//以键-值对方式,设置一个全局缓存对象,其它组件通过inject()方法导入
	provide('axios', axios);
	
	
	
</script>
<!-- 全局样式 -->
<style>
	/* 通用样式去除所有元素默认的内外边距 */
	*,
	div,
	p,
	a,
	input,
	span,
	img,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	form,
	table {
		margin: 0;
		padding: 0;
	}

	a {
		text-decoration: none;
		color: grey;
		font-size: 0.8vw;
	}

	.main {
		/* 版心的宽度使用比例 */
		width: 90vw;
		/* 块级元素居中*/
		margin: 0 auto;
	}
</style>